<template>
  <div style="width: 800px; margin: auto; text-align: center; color: #909399;">
    <el-main class="p_cla">
      <h1>提交成功，请确认信息</h1>
      <p>（如果信息有误，请联系风控）</p>
      <br />
      <p>
        <span class="span1">姓名:</span><span>{{ data.name }}</span>
      </p>
      <p>
        <span class="span1">身份证:</span><span>{{ data.IDs }}</span>
      </p>
      <p>
        <span class="span1">住址:</span><span>{{ data.Site }}</span>
      </p>
      <p>
        <span class="span1">入职时间:</span><span>{{ data.date1 }}</span>
      </p>
      <p>
        <span class="span1">部门:</span><span>{{ data.position[1] }}</span>
      </p>
      <p>
        <span class="span1">职位:</span><span>{{ data.position[2] }}</span>
      </p>
      <p>
        <span class="span1">手机号:</span><span>{{ data.Phone }}</span>
      </p>
      <!-- <br />
      <p>如上述信息有误，请联系风控</p> -->
    </el-main>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: []
    };
  },
  mounted() {
    this.data = this.$route.query.Re_data;
    console.log(this.data);
  }
};
</script>

<style>
.p_cla {
  background-color: #f2f6fc;
  padding: 30px 30px 50px 30px;
  border: 1px solid #e4e7ed;
  border-radius: 5px;
}
/* p标签样式 */
.p_cla p {
  width: 600px;
  margin: auto;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  /* text-align: left; */
}

.p_cla span {
  display: inline-block;
  text-align: center;
  width: 450px;
}
.p_cla .span1 {
  width: 150px;
}
</style>
